<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>

	<style>
		input[type="text"] {
			height: 30px;
			width: 300px;
			margin-bottom: 10px;
			border-radius: 5px;
			padding: 2px;
			font-size: 16px;

		}
	</style>
</head>

<body>


	<div id="app">

		<div>
			<input type="text" v-model="name" placeholder="姓名">

			<span v-show="name">你的名字是: {{name}}</span>

		</div>

		<div>
			<input type="text" v-model="age" placeholder="年龄">
			<span v-show="age">你的年龄是: {{age}}</span>

		</div>
		<div>
			<input type="text" v-model="hobby" placeholder="爱好">
			<span v-show="hobby">你的名字是: {{hobby}}</span>

		</div>


	</div>


	<script src="../lib/vue.js"></script>
	<script src="js/main.js"></script>

</body>

</html>